<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>箭头函数</title>
</head>
<body>
    
</body>
<script>
    function test  (a)   {
        console.log("普通函数");
    }

    let test1 = (a)  =>   {
        console.log("箭头函数");
    }
    test();
    test1();
    
    {
        var value = 20;
        // 箭头函数和普通函数的区别
        const obj = {
            value: 18,
            demo:function(){
                // 普通函数的this指向调用它的对象
                console.log("普通",this.value);
            },
            demo1:()=>{
                // 箭头函数的this继承外层作用域（外层是全局作用域了，所以这里显示未定义）
                console.log("箭头",this.value);
            }
        }
        obj.demo();
        obj.demo1();
    }


    // 默认参数
    function hello(name="用户"){
        console.log(`你好：${name}`);
    }
    hello();
    hello("张三");


</script>
</html>